<template>
	<view class="flex flex-dir-col flex-ai-center ptb-16">
		<view class="" v-for="item in list" :key="item.name">
			<w-image :src='item.img' height="32" mode='heightFix'></w-image>
			<!-- #ifdef H5 -->
				<a  class="flex flex-center font-color-dark font-size-14 link" target="_blank" :href='item.link' >{{item.name}}</a>
			<!-- #endif -->
			<!-- #ifdef APP -->
				<text  class="flex flex-center font-color-dark font-size-14" @click="toInfo(item)">{{item.name}}</text>
			<!-- #endif -->
		</view>
	</view>
</template>

<script>
	export default {
		name:"w-copyright",
		data() {
			return {
				
			};
		},
		computed:{
			list(){
				if(!this.appConfig.copyright) return []
				return JSON.parse(this.appConfig.copyright)
			}
		},
		mounted() {
			
		},
		methods:{
			toInfo(item){
				//#ifdef H5
				window.location.href=item.link
				//#endif
			}
		}
	}
</script>

<style lang="scss">
.link{
	text-decoration: none;
}
</style>